// 合作体系
import { getAssetsImages } from '@/utils'
import { defineComponent } from 'vue'
import styles from './collaborative.module.less'

export default defineComponent({
  setup() {
    return () => (
      <div class={styles['collaborative-layout']}>
        <div class={styles['collaborative-container']}>
          <div class={styles['header-box']} data-aos="fade-up">
            <span class={styles['header-text1']}>“比邻在线”</span>
            <span class={styles['header-text2']}>- 合作体系</span>
          </div>
          <div class={styles['line-box']}></div>
          <p class={styles['message-box']} data-aos="fade-up" data-aos-delay="100">
            比邻在线与多家机构合作面对高中家庭的服务，免费为高中家庭提供选科指导、学业规划、多元化升学路径规划、等专业升学咨询服务。
          </p>
          <img src={getAssetsImages('bg5.webp')} class={styles['img-box']} alt="" />
        </div>
      </div>
    )
  }
})
